<?php

$ANIO = date("Y");
?>
<div class="contenedor_tab" style="">

    <!--input type="button" onclick="oTableDocumentos.alertar()" value="vaciarTabla" >
    <input type="button" onclick="redibujarTabla()" value="redibujarTabla" >
    <input type="button" onclick="fnClickAddRow()" value="fnClickAddRow" -->
    <br>

    <h1 class="tituloCeleste">Reporte Anual <?php echo $ANIO ?></h1>    
	<br/>
	<div id="container" style="width: 800px; height: 400px; margin: 0 auto"></div>
	
</div>

		<script type="text/javascript">
		
			
			var ssql = "SELECT MONTH(fecha_primer_ingreso) mes, COUNT(*) cant ";
				ssql +="FROM documentos ";
				ssql +="WHERE YEAR(fecha_primer_ingreso) = <?php echo $ANIO ?> AND c_tipo_doc = 5 ";
				ssql +="GROUP BY MONTH(fecha_primer_ingreso) ";
		
			var obj = js_mysql_query(ssql);
			// console.log(obj);

			var arrExpJud = armarVectorMeses(obj.objetos);

			var ssql = "SELECT MONTH(fecha_primer_ingreso) mes, COUNT(*) cant ";
				ssql +="FROM documentos ";
				ssql +="WHERE YEAR(fecha_primer_ingreso) = <?php echo $ANIO ?> AND c_tipo_doc = 4 ";
				ssql +="GROUP BY MONTH(fecha_primer_ingreso) ";
		
			var obj = js_mysql_query(ssql);
			// console.log(obj);
			
			var arrExpAmd = armarVectorMeses(obj.objetos);			
						
			var ssql = "SELECT MONTH(fecha_primer_ingreso) mes, COUNT(*) cant ";
				ssql +="FROM documentos ";
				ssql +="WHERE YEAR(fecha_primer_ingreso) = <?php echo $ANIO ?> AND es_dilig = 1 ";
				ssql +="GROUP BY MONTH(fecha_primer_ingreso) ";
		
			var obj = js_mysql_query(ssql);
			// console.log(obj);
			
			var arrDilig = armarVectorMeses(obj.objetos);			
			

			var ssql = "SELECT MONTH(fecha_primer_ingreso) mes, COUNT(*) cant ";
				ssql +="FROM documentos ";
				ssql +="WHERE YEAR(fecha_primer_ingreso) = <?php echo $ANIO ?> AND c_tipo_doc <> 4 AND c_tipo_doc <> 5 AND es_dilig = 0 ";
				ssql +="GROUP BY MONTH(fecha_primer_ingreso) ";
		
			var obj = js_mysql_query(ssql);
			// console.log(obj);
			
			var arrOtros = armarVectorMeses(obj.objetos);				
		
			var chart;
			$(document).ready(function() {
				chart = new Highcharts.Chart({
					chart: {
						renderTo: 'container',
						defaultSeriesType: 'column'
					},
					title: {
						text: 'Cantidad de documentacion ingresada a lo largo del año'
					},
					subtitle: {
						text: ''
					},
					xAxis: {
						categories: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Sep', 'Oct', 'Nov', 'Dic']
					},
					yAxis: {
						min: 0,
						title: {
							text: ''
						}
					},
					legend: {
						layout: 'vertical',
						backgroundColor: '#FFFFFF',
						// color: '#333',
						align: 'left',
						verticalAlign: 'top',
						x: 100,
						y: 70,
						floating: true,
						shadow: true
					},
					tooltip: {
						formatter: function() {
							return ''+
								this.x +': '+ this.y +' documentos';
						}
					},
					plotOptions: {
						column: {
							pointPadding: 0.2,
							borderWidth: 0
						}
					},
				        series: [
							{
								name: 'Exp. Administrativos',
								data: arrExpAmd
								// data: [5, 8, 1, 10, 6, 7, 8, 12, 5, 4, 3, 18]
						
							},
							{
								name: 'Exp. Judiciales',
								data: arrExpJud						
							},{
								name: 'Diligenciamiento',
								data: arrDilig						
							}
							, {
								name: 'Otros',
								data: arrOtros				
							}
						]
				});
				
				
			});
				
		</script>